<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="font/iconfont.css">
    <!-- 
       
        字体库（服务器端字体） 重点
            以图形的方式显示的文字

        应用
            1, www.iconfont.cn，找到图-添加入库-下载至本地-解压
            2，用link调用iconfont.css
            3,在标签上用class引用iconfont
               如 <span class="icon-cc iconfont"></span>
               如 <span class="iconfont">&#xe600;</span>
     -->
     <style>
         /* .box::before{
             content: "你好";
         } */
         .icon-cc{
             font-size: 40px;
             color: red;
         }
        span{
            font-size: 40px;
            color:red;
            display: block;
        }
     </style>
</head>
<body>
    <div class="box"><span class="icon-cc iconfont"></span>美丽</div>
    <span class="iconfont">&#xe600;</span>
    <input type="submit" class="iconfont" value="&#xe600;"  />
    <!-- 把submit显示的提交两个字变成夜景图标 -->
</body>
</html>